<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<% 
	String context = request.getContextPath(); 
	String basePath = request.getServerName() + ":" + request.getServerPort() + context + "/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>button</title>
		<link rel="stylesheet" type="text/css" href="<%=context%>/microcore/commoncss/basics.css"/>
		<style stype="text/css">
			body{background:#BCD68D;line-height: 40px;padding:0 30px}
			
		</style>
	</head>
	<body>
		<h1>按钮样式</h1>
		<p>样式文件：microcore/commoncss/basics.css，<span style="color:red;">建议使用input标签按钮</span></p>
		<h1>默认按钮</h1>
		<!--  行级按钮 -->
		<input type="button" class="btn btn-default" value="默认按钮" />
		&lt;input type="button" class="btn btn-default" value="默认按钮" />
		<br />
		<input type="button" class="btn btn-default btn-x" value="默认按钮" />
		&lt;input type="button" class="btn btn-default btn-x" value="默认按钮" />
		<br />
		<input type="button" class="btn btn-default btn-xl"value="默认按钮" />
		&lt;input type="button" class="btn btn-default btn-xl" value="默认按钮" />
		<br />
		<input type="button" class="btn btn-default btn-lg" value="默认按钮" />
		&lt;input type="button" class="btn btn-default btn-lg" value="默认按钮" />
		<br />
		<!-- 块级按钮 -->
		<input type="button" class="btn btn-default btn-row" value="默认按钮" />
		&lt;input type="button" class="btn btn-default btn-row" value="默认按钮" />
		<br />
		<input type="button" class="btn btn-default btn-x btn-row" value="默认按钮" />
		&lt;input type="button" class="btn btn-default btn-x btn-row" value="默认按钮" />
		<br />
		<input type="button" class="btn btn-default btn-xl btn-row" value="默认按钮" />
		&lt;input type="button" class="btn btn-default btn-xl btn-row" value="默认按钮" />
		<br />
		<input type="button" class="btn btn-default btn-lg btn-row" value="默认按钮" />
		&lt;input type="button" class="btn btn-default btn-lg btn-row" value="默认按钮" />
		<br />
		
		<h1>信息按钮</h1>
		<!-- 行级按钮 -->
		<input type="button" class="btn btn-info" value="信息按钮" />
		&lt;input type="button" class="btn btn-info" value="信息按钮" />
		<br />
		<input type="button" class="btn btn-info btn-x" value="信息按钮" />
		&lt;input type="button" class="btn btn-info btn-x" value="信息按钮" />
		<br />
		<input type="button" class="btn btn-info btn-xl" value="信息按钮" />
		&lt;input type="button" class="btn btn-info btn-xl" value="信息按钮" />
		<br />
		<input type="button" class="btn btn-info btn-lg" value="信息按钮" />
		&lt;input type="button" class="btn btn-info btn-lg" value="信息按钮" />
		<br />
		<!-- 块级按钮 -->
		<input type="button" class="btn btn-info btn-row" value="信息按钮" />
		&lt;input type="button" class="btn btn-info btn-row" value="信息按钮" />
		<br />
		<input type="button" class="btn btn-info btn-x btn-row" value="信息按钮" />
		&lt;input type="button" class="btn btn-info btn-x btn-row" value="信息按钮" />
		<br />
		<input type="button" class="btn btn-info btn-xl btn-row" value="信息按钮" />
		&lt;input type="button" class="btn btn-info btn-xl btn-row" value="信息按钮" />
		<br />
		<input type="button" class="btn btn-info btn-lg btn-row" value="信息按钮" />
		&lt;input type="button" class="btn btn-info btn-lg btn-row" value="信息按钮" />
		<br />
		<h1>天空蓝按钮</h1>
		<!-- 行级按钮 -->
		<input type="button" class="btn btn-skyblue" value="skyblue" />
		&lt;input type="button" class="btn btn-skyblue" value="天空蓝按钮" />
		<br />
		<input type="button" class="btn btn-skyblue btn-x" value="天空蓝按钮" />
		&lt;input type="button" class="btn btn-skyblue btn-x" value="天空蓝按钮" />
		<br />
		<input type="button" class="btn btn-skyblue btn-xl" value="天空蓝按钮" />
		&lt;input type="button" class="btn btn-skyblue btn-xl" value="天空蓝按钮" />
		<br />
		<input type="button" class="btn btn-skyblue btn-lg" value="天空蓝按钮" />
		&lt;input type="button" class="btn btn-skyblue btn-lg" value="天空蓝按钮" />
		<br />
		<!-- 块级按钮 -->
		<input type="button" class="btn btn-skyblue btn-row" value="天空蓝按钮" />
		&lt;input type="button" class="btn btn-skyblue btn-row" value="天空蓝按钮" />
		<br />
		<input type="button" class="btn btn-skyblue btn-x btn-row" value="天空蓝按钮" />
		&lt;input type="button" class="btn btn-skyblue btn-x btn-row" value="天空蓝按钮" />
		<br />
		<input type="button" class="btn btn-skyblue btn-xl btn-row" value="天空蓝按钮" />
		&lt;input type="button" class="btn btn-skyblue btn-xl btn-row" value="天空蓝按钮" />
		<br />
		<input type="button" class="btn btn-skyblue btn-lg btn-row" value="天空蓝按钮" />
		&lt;input type="button" class="btn btn-skyblue btn-lg btn-row" value="天空蓝按钮" />
		<br />
		
		<h1>成功按钮</h1>
		<!-- 行级按钮 -->
		<input type="button" class="btn btn-success" value="成功按钮" />
		&lt;input type="button" class="btn btn-success" value="成功按钮" />
		<br />
		<input type="button" class="btn btn-success btn-x" value="成功按钮" />
		&lt;input type="button" class="btn btn-success btn-x" value="成功按钮" />
		<br />
		<input type="button" class="btn btn-success btn-xl" value="成功按钮" />
		&lt;input type="button" class="btn btn-success btn-xl" value="成功按钮" />
		<br />
		<input type="button" class="btn btn-success btn-lg" value="成功按钮" />
		&lt;input type="button" class="btn btn-success btn-lg" value="成功按钮" />
		<br />
		<!-- 块级按钮 -->
		<input type="button" class="btn btn-success btn-row" value="成功按钮" />
		&lt;input type="button" class="btn btn-success btn-row" value="成功按钮" />
		<br />
		<input type="button" class="btn btn-success btn-x btn-row" value="成功按钮" />
		&lt;input type="button" class="btn btn-success btn-x btn-row" value="成功按钮" />
		<br />
		<input type="button" class="btn btn-success btn-xl btn-row" value="成功按钮" />
		&lt;input type="button" class="btn btn-success btn-xl btn-row" value="成功按钮" />
		<br />
		<input type="button" class="btn btn-success btn-lg btn-row" value="成功按钮" />
		&lt;input type="button" class="btn btn-success btn-lg btn-row" value="成功按钮" />
		<br />
		
		<h1>失败按钮</h1>
		<!-- 行级按钮 -->
		<input type="button" class="btn btn-error" value="失败按钮" />
		&lt;input type="button" class="btn btn-error" value="失败按钮" />
		<br />
		<input type="button" class="btn btn-error btn-x" value="失败按钮" />
		&lt;input type="button" class="btn btn-error btn-x" value="失败按钮" />
		<br />
		<input type="button" class="btn btn-error btn-xl" value="失败按钮" />
		&lt;input type="button" class="btn btn-error btn-xl" value="失败按钮" />
		<br />
		<input type="button" class="btn btn-error btn-lg" value="失败按钮" />
		&lt;input type="button" class="btn btn-error btn-lg" value="失败按钮" />
		<br />
		<!-- 块级按钮 -->
		<input type="button" class="btn btn-error btn-row" value="失败按钮" />
		&lt;input type="button" class="btn btn-error btn-row" value="失败按钮" />
		<br />
		<input type="button" class="btn btn-error btn-x btn-row" value="失败按钮" />
		&lt;input type="button" class="btn btn-error btn-x btn-row" value="失败按钮" />
		<br />
		<input type="button" class="btn btn-error btn-xl btn-row" value="失败按钮" />
		&lt;input type="button" class="btn btn-error btn-xl btn-row" value="失败按钮" />
		<br />
		<input type="button" class="btn btn-error btn-lg btn-row" value="失败按钮" />
		&lt;input type="button" class="btn btn-error btn-lg btn-row" value="失败按钮" />
		<br />
		
		<h1>警告按钮</h1>
		<!-- 行级按钮 -->
		<input type="button" class="btn btn-warn" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn" value="警告按钮" />
		<br />
		<input type="button" class="btn btn-warn btn-x" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn btn-x" value="警告按钮" />
		<br />
		<input type="button" class="btn btn-warn btn-xl" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn btn-xl" value="警告按钮" />
		<br />
		<input type="button" class="btn btn-warn btn-lg" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn btn-lg" value="警告按钮" />
		<br />
		<!-- 块级按钮 -->
		<input type="button" class="btn btn-warn btn-row" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn btn-row" value="警告按钮" />
		<br />
		<input type="button" class="btn btn-warn btn-x btn-row" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn btn-x btn-row" value="警告按钮" />
		<br />
		<input type="button" class="btn btn-warn btn-xl btn-row" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn btn-xl btn-row" value="警告按钮" />
		<br />
		<input type="button" class="btn btn-warn btn-lg btn-row" value="警告按钮" />
		&lt;input type="button" class="btn btn-warn btn-lg btn-row" value="警告按钮" />
		<br />
	</body>
</html>
